<html xmlns="http://www.w3.org/1999/xhtml"  
      xmlns:h="http://java.sun.com/jsf/html"  
      xmlns:f="http://java.sun.com/jsf/core"  
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:pe="http://primefaces.org/ui/extensions"> 

    <h:form id="formCadastroProduto">
        <p:growl id="growl" showDetail="false"/>
        <h:inputHidden value="#{fornecedorControler.fornecedor.id}"/>
        <h:panelGrid columns="4">

            <h:panelGrid columns="1">
                <h:outputText value="Código" style="font-weight: bold;"/>
                <p:inputText value="#{fornecedorControler.fornecedor.id}" disabled="true" rendered="#{!fornecedorControler.alterando}"/>
                <h:outputText value="#{fornecedorControler.fornecedor.id}" rendered="#{fornecedorControler.alterando}" />
            </h:panelGrid>

            <h:panelGrid columns="1">
                <h:outputText value="CNPJ" id="cnpj" style="font-weight: bold;"/>
                <p:inputMask mask="99.999.999/9999-99"  value="#{fornecedorControler.fornecedor.cnpj}" id="inpcnpj" rendered="#{!fornecedorControler.alterando}" required="true" requiredMessage="O CNPJ é obrigatório">
                    <p:ajax event="blur" update="growl" listener="#{fornecedorControler.validaCpfCnpj()}"/>
                </p:inputMask>
                <h:outputText value="#{fornecedorControler.fornecedor.cnpj}" rendered="#{fornecedorControler.alterando}" />
            </h:panelGrid>

            <h:panelGrid columns="1">
                <h:outputText value="Inscricão Estadual" id="ie" style="font-weight: bold;"/>
                <p:inputMask mask="99.999.999-9" id="inpie" value="#{fornecedorControler.fornecedor.inscricaoEstadual}" rendered="#{!fornecedorControler.alterando}" required="true" requiredMessage="A inscrição estadual é obrigatória"/>
                <h:outputText value="#{fornecedorControler.fornecedor.inscricaoEstadual}" rendered="#{fornecedorControler.alterando}" />
            </h:panelGrid>

            <h:panelGrid columns="1">
                <h:outputText value="Inscricão Municipal" id="im" style="font-weight: bold;"/>
                <p:inputText id="inpIM" value="#{fornecedorControler.fornecedor.inscricaoMunicipal}"  rendered="#{!fornecedorControler.alterando}"/>
                <h:outputText value="#{fornecedorControler.fornecedor.inscricaoMunicipal}" rendered="#{fornecedorControler.alterando}" />
            </h:panelGrid>

            <h:panelGrid columns="1">
                <h:outputText value="Razão Social" id="rggg" style="font-weight: bold;"/>
                <p:inputText value="#{fornecedorControler.fornecedor.razaoSocial}" id="inprgs" required="true" requiredMessage="A Razão Social é obrigatório"  rendered="#{!fornecedorControler.alterando}"/>
                <h:outputText value="#{fornecedorControler.fornecedor.razaoSocial}" rendered="#{fornecedorControler.alterando}" />
            </h:panelGrid>

            <h:panelGrid columns="1">
                <h:outputText value="Nome Fantasia" id="rgg" style="font-weight: bold;"/>
                <p:inputText value="#{fornecedorControler.fornecedor.nomeFantasia}" id="inprgss" rendered="#{!fornecedorControler.alterando}" />
                <h:outputText value="#{fornecedorControler.fornecedor.nomeFantasia}" rendered="#{fornecedorControler.alterando}" />
            </h:panelGrid>

            <h:panelGrid columns="1">
                <h:outputText value="Email:"/>
                <p:inputText value="#{fornecedorControler.fornecedor.email}" rendered="#{!fornecedorControler.alterando}"/>
                <h:outputText value="#{fornecedorControler.fornecedor.email}" rendered="#{fornecedorControler.alterando}" />
            </h:panelGrid>

            <h:panelGrid columns="1">
                <h:outputText value="Telefone1:" style="font-weight: bold;"/>
                <p:inputMask mask="(99)9999-9999" value="#{fornecedorControler.fornecedor.telefone1}" rendered="#{!fornecedorControler.alterando}"/>
                <h:outputText value="#{fornecedorControler.fornecedor.telefone1}" rendered="#{fornecedorControler.alterando}" />
            </h:panelGrid>

            <h:panelGrid columns="1">
                <h:outputText value="Telefone2:" style="font-weight: bold;"/>
                <p:inputMask mask="(99)9999-9999" value="#{fornecedorControler.fornecedor.telefone2}" rendered="#{!fornecedorControler.alterando}"/>
                <h:outputText value="#{fornecedorControler.fornecedor.telefone2}" rendered="#{fornecedorControler.alterando}" />
            </h:panelGrid>

            <h:panelGrid columns="1">
                <h:outputText value="Contato: " style="font-weight: bold;"/>
                <p:inputText value="#{fornecedorControler.fornecedor.contato}" rendered="#{!fornecedorControler.alterando}"/>
                <h:outputText value="#{fornecedorControler.fornecedor.contato}" rendered="#{fornecedorControler.alterando}" />
            </h:panelGrid>

            <h:panelGrid columns="1">
                <h:outputText value="Cep:" style="font-weight: bold;"/>
                <p:inputMask mask="99999-999" value="#{fornecedorControler.fornecedor.cep}" rendered="#{!fornecedorControler.alterando}"/>
                <h:outputText value="#{fornecedorControler.fornecedor.cep}" rendered="#{fornecedorControler.alterando}" />
            </h:panelGrid>

            <h:panelGrid columns="1">
                <h:outputText value="Logradouro:" style="font-weight: bold;"/>
                <p:inputText value="#{fornecedorControler.fornecedor.logradouro}"  rendered="#{!fornecedorControler.alterando}"/>
                <h:outputText value="#{fornecedorControler.fornecedor.logradouro}" rendered="#{fornecedorControler.alterando}" />
            </h:panelGrid>

            <h:panelGrid columns="1">
                <h:outputText value="Número:" style="font-weight: bold;"/>
                <p:inputText value="#{fornecedorControler.fornecedor.numero}"  rendered="#{!fornecedorControler.alterando}"/>
                <h:outputText value="#{fornecedorControler.fornecedor.numero}" rendered="#{fornecedorControler.alterando}" />
            </h:panelGrid>

            <h:panelGrid columns="1">
                <h:outputText value="Bairro:" style="font-weight: bold;"/>
                <p:inputText value="#{fornecedorControler.fornecedor.bairro}" rendered="#{!fornecedorControler.alterando}" />
                <h:outputText value="#{fornecedorControler.fornecedor.bairro}" rendered="#{fornecedorControler.alterando}" />
            </h:panelGrid>

            <h:panelGrid columns="1">
                <h:outputText value="Estado: " style="font-weight: bold;"/>
                <p:selectOneMenu value="#{fornecedorControler.fornecedor.idCidade.estado}" style="width: 150px;" rendered="#{!fornecedorControler.alterando}">
                    <f:selectItems value="#{fornecedorControler.retornaEstados()}" var="estado" itemValue="#{estado}" itemLabel="#{estado}"/> 
                    <p:ajax event="change" update="cidade" listener="#{fornecedorControler.carregaCidades()}"/>
                </p:selectOneMenu>
                <h:outputText value="#{fornecedorControler.fornecedor.idCidade.estado}" rendered="#{fornecedorControler.alterando}" />
            </h:panelGrid>

            <h:panelGrid columns="1">
                <h:outputText value="Cidade: " style="font-weight: bold;"/>
                <p:selectOneMenu value="#{fornecedorControler.fornecedor.idCidade.id}" id="cidade" style="width: 150px;" rendered="#{!fornecedorControler.alterando}">
                    <f:selectItem itemValue="0" itemLabel="Selecione"/>
                    <f:selectItems value="#{fornecedorControler.listCidades}" var="cid" itemValue="#{cid.id}" itemLabel="#{cid.cidade}"/> 
                </p:selectOneMenu>
                <h:outputText value="#{fornecedorControler.fornecedor.idCidade.cidade}" rendered="#{fornecedorControler.alterando}" />
            </h:panelGrid>
        </h:panelGrid>

        <h:panelGrid columns="5">
            <p:commandButton value="Salvar" accesskey="S" action="#{fornecedorControler.salvar()}" update=":formTabela" 
                             onclick="statusDialog.show();" onsuccess="statusDialog.hide();" rendered="#{!fornecedorControler.alterando}"/>
            <p:commandButton value="Alterar" update="@form" rendered="#{fornecedorControler.alterando}" action="#{fornecedorControler.alterar()}"/>
            <p:commandButton image="ui-icon ui-icon-close" title="excluir" rendered="#{fornecedorControler.alterando}" value="Excluir"
                             onclick="confirmationExcluirFuncionario.show();"/>
            <p:commandButton value="Novo" accesskey="N" update="@form" action="#{fornecedorControler.inicializaObj()}" process="@this"/>
            <p:commandButton value="Cancelar" accesskey="C" onclick="dlgfornecedor.hide()" process="@this"/>
        </h:panelGrid>
    </h:form>
</html>